.van-popup {
  width: 40% !important;
  height: 100%;
  overflow: hidden;
  border-radius: 24px 0 0 24px;

  .layer_inside {
    height: 100%;

    //候诊-就诊患者
    .patient-info {
      font-size: 40px;
      display: flex;
      flex-direction: column;
      align-self: center;
      align-items: center;
      justify-content: center;
      text-align: left;
      padding: 30px 30px;

      .patient-item {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-self: center;
        flex-shrink: 0;
        height: 100%;
        width: 100%;
        justify-content: center;
        align-items: normal;

        .title {
          display: flex;
          flex-shrink: 0;
          align-items: center;
          color: rgba(0, 89, 179, 1);
          background: rgba(0, 89, 179, 0.2);
          border-radius: 12px;
          font-size: 62px;
          padding: 22px 32px;
          flex-wrap: nowrap;
          white-space: break-spaces;
          box-sizing: border-box;
          justify-content: center;
        }

        .first-group {
          color: rgba(0, 89, 179, 1);
          width: 100%;
          overflow: hidden;
          line-height: 1.35;
          font-size: 56px;
          flex-grow: 1;
          margin-top: 38px;

          .content-item {
            display: flex;
            flex: 1;
            flex-direction: column;
            height: 100%;

            .wait-patient-info {
              display: flex;
              flex-direction: row;
              flex-wrap: nowrap;
              overflow: hidden;
              flex-shrink: 0;
              align-self: center;

              .patient-orderNo {
                white-space: nowrap;
              }

              .patient-name {
                flex-shrink: 0;
              }
            }
          }
        }

        //分组含有两位患者
        .waitPatient-1,
        .waitPatient-2 {
          .wait-patient-info {
            font-size: 64px;
            line-height: 1.5;
            margin-bottom: 20px;

            &:last-child {
              margin-bottom: 0;
            }
          }
        }
      }

      //当前患者--主要是字体颜色
      .current-patient {
        .title {
          color: rgba(0, 89, 179, 1);
        }

        .first-group {
          color: rgba(0, 89, 179, 1);
        }
      }

      //候诊患者--主要是字体颜色
      .wait-patient {
        margin-top: 38px;

        .title {
          color: rgba(299, 133, 2, 1);
          background: rgba(229, 134, 2, 0.2);
        }

        .first-group {
          color: rgba(299, 133, 2, 1);
        }
      }
    }
  }
}


